<!-- 右侧  -->
<div id="page-inner">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-header">
                    节水型企业评价<small>基本要求</small>
                </h1>
            </div>
        </div>
        <div class="row"></div>
        <!-- add time select -->
        <div class="right col-xs-6 text-left">
            <!-- <div class="form-group">
                <span class="glyphicon glyphicon-time"></span>
                <label style="font-size:20px;font-weight:normal">统计日期：</label>
                <label id="nowdate" style="font-size:20px;font-weight:normal"></label>
            </div> -->
        </div>
        <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
            </button>
            <button id="btn_edit" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>编辑
            </button>
            <button id="btn_delete" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
            <button id="btn_return" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>返回
            </button>
        </div>
    </div>
    <table id="data_table" class="table-striped table-hover"></table>
</div>

<!-- 编辑 -->
<div class="modal fade" id="edit_data" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">编辑一项企业基本要求</h4>
            </div>
            <div class="modal-body">

                <div class="form-group">
                    <label>要求项目</label>
                    <input class="form-control" placeholder="必填"  id="editRequire">
                </div>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="edit_data_submit">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加 -->
<div class="modal fade" id="new_data"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">添加企业基本要求</h4>
            </div>

                <meta charset="UTF-8">
                <title>Document</title>
                <script type="text/javascript">
                    function add(){

                        var li1 = document.getElementById("li1");
                        // li1.setAttribute( autocomplete="off");
                        //创建li
                        var lis = document.createElement("ol");
                        lis.style="margin-left:-20px";
                        lis.setAttribute('placeholder', "00");

                      //  lis.setAttribute( autocomplete="off");
                        //创建文本
                        var texts =document.createElement('input' );
                        //input.setAttribute( autocomplete="off");
                        //texts.setAttribute( autocomplete="off");
                        texts.setAttribute('type', 'text');//输入框的类型
                        texts.setAttribute('name', "man");//输入框的名字
                        texts.setAttribute('placeholder', "");//placeholder

                        texts.style="width:500px";

                        //把文本添加到li下面 appendChild
                        lis.appendChild(texts);

                        //获取到div
                        var invite = document.getElementById("invite");

                        invite.insertBefore(lis,li1);
                        //invite.setAttribute( autocomplete="off");
                    }
                </script>

            <body>
            <form action="">
                <p><span>（点击按钮可增加条目 ）</span></p>
                <p>
                <div id="invite">
                    <input type="text" name="man" id="mans" placeholder="" style="margin-left:20px;width:500px;" value="" >
                </div>
                </p>

                <input type="button" value="+" onclick="add()">

            </form>
            </body>



            <div class="modal-footer">
                
                <button type="button" class="btn btn-primary" id="new_data_submit">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<script src="pages/js/meta_standard_require.js"></script>